$(function() {
    $("#mensaje").fadeOut(3000);
    $("#mensajesUsuario").delay(4000).fadeOut('normal');
    $(".soloNumeros").keypress(function(evt) {
        var charCode = (evt.which) ? evt.which : evt.keyCode;
        if ((charCode > 47 && charCode < 58) || charCode == 8 || charCode == 13 || charCode == 9 || charCode == 46)
            return true;
        return false;
    });

    $(".soloNumerosSignoMenos").keypress(function(evt) {
        var charCode = (evt.which) ? evt.which : evt.keyCode;
        if ((charCode > 47 && charCode < 58) || charCode == 8 || charCode == 13 || charCode == 9 || charCode == 45 || charCode == 46)
            return true;
        return false;
    });

    $(".formBlockDisplay").submit(function(e) {
        $("#coverDisplay").css({
            "opacity": "1",
            "width": "100%",
            "height": "100%"
        });
    });


    $(".datePicker").datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat: "dd/mm/yy",
        monthNamesShort: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
        dayNamesMin: ["Dom", "Lun", "Mar", "Mié", "Juv", "Vie", "Sáb"]
    });

    $('#feedback').hover(
            function() {
                $(this).animate({
                    marginLeft: "0px"
                }, 100)
            },
            function() {
                $(this).animate({
                    marginLeft: "-250px"
                }, 100)
            }
    );
    $("#enviarFeedBack").click(function(e) {
        if ($("#nombreFeedback").val() == "") {
            alert("El nombre es obligatorio");
            return false;
        }
        if ($("#mensajeFeedback").val() == "") {
            alert("El contenido del mensaje es obligatorio");
            return false;
        }
        $("#coverDisplay").css({
            "opacity": "1",
            "width": "100%",
            "height": "100%"
        });
        $.ajax({
            url: "ajax/feedback",
            data: {
                nombre: $("#nombreFeedback").val(),
                mensaje: $("#mensajeFeedback").val()
            },
            type: 'post',
            success: function(data) {
                $("#nombreFeedback").val("");
                $("#mensajeFeedback").val("")
                $("#coverDisplay").css({
                    "opacity": "0",
                    "width": "0%",
                    "height": "0%"
                });
                if (data == "ok") {
                    $("#contenidoMensajeUsuario").html("Tu mensaje se ha enviado exitosamente");
                    $("#contenidoMensajeUsuario").removeClass("advertencia").addClass("exito");
                } else {
                    $("#contenidoMensajeUsuario").html("Intentalo nuevamente");
                    $("#contenidoMensajeUsuario").removeClass("exito").addClass("advertencia");
                }
                $("#mensajesUsuario").show();
                $("#mensajesUsuario").delay(4000).fadeOut('normal');
            }
        });
    });
    $('input.money').keypress(function(e) {
        var key = e.which;
        if (key == 45) {
            showToolTip($(this), "Solo se permiten números positivos");
            e.preventDefault()
        }
        else if ($.isNumeric($(this).val() + "" + String.fromCharCode(key) + "0")) {
            $("#miToolTip").hide();
        } else {
            showToolTip($(this), "No utilizar comas (,) como separador de miles. Para cifras decimales utilice el punto (.) Ej: 120215.23");
            e.preventDefault();
        }
    });
    $('input.money').focusout(function() {
        $("#miToolTip").hide();
    });
});
$("#nuevaTemporada").on("click", nTClick);
$("#nuevoPeriodo").on("click", nPClick);

function nTClick(e)
{
    e.preventDefault();
    $("#clonarTemporada").append("<br> <div class='row-fluid'> <div class='row-fluid'> <div class='span12 titulo'> <div class='span4 offset4'><label class='pull-left'><b>Predeterminada</b> <button type='button' class='btn btn-mini btn-inverse'>Cambiar nombre</button> <button type='button' class='btn btn-mini btn-inverse'>Eliminar</button></label></div> </div> </div> <div class='row-fluid'> <div class='span12 contenido'> <div class='row-fluid'> <div class='span2'><label class='pull-right'>Desde:</label></div> <div class='span2'><div class='input-prepend'> <span class='add-on'><i class='icon-calendar'></i></span> <input type='text' class='datePicker input-small'> </div> </div> <div class='span2'><label class='pull-right'>Hasta:</label></div> <div class='span2'><div class='input-prepend'> <span class='add-on'><i class='icon-calendar'></i></span> <input type='text' class='datePicker input-small'> </div> </div> <div class='span2 offset1'><label class='pull-right'><button type='submit' class='btn btn-mini btn-inverse'>Eliminar periodo </button></label></div> </div> <br> <div class='row-fluid'> <div class='span2 offset2'><button type='submit' class='btn btn-mini btn-inverse'>Nuevo periodo </button></div> </div> </div> </div> </div>");



}
function nPClick(e)
{
    e.preventDefault();
    var i = $(this).attr("data-i");
    // alert(i);
    $("#clonarPeriodo").append("<br><div class='row-fluid'> <div class='span2'><label class='pull-right'>Desde:</label></div> <div class='span2'><div class='input-prepend'> <span class='add-on'><i class='icon-calendar'></i></span> <input type='text' class='datePicker input-small'> </div> </div> <div class='span2'><label class='pull-right'>Hasta:</label></div> <div class='span2'><div class='input-prepend'> <span class='add-on'><i class='icon-calendar'></i></span> <input type='text' class='datePicker input-small'> </div> </div> <div class='span2 offset1'><label class='pull-right'><button type='submit' class='btn btn-mini btn-inverse'>Eliminar periodo </button></label></div></div><br>");



}


$(".ayuda").click(function() {
    return false;
});
function validarFormulario(idFormulario) {

    var flag = true;
    $("#" + idFormulario + " .error").remove();
    $("#" + idFormulario + " .requerido").each(function() {

        var elemento = this;
        if (elemento.value == "") {
            $(this).focus();
            $(this).before("<span class='error'>*</span>")
            flag = false;
            return false;
        }
    });
    return flag;
}


function validarFormularioAfter(idFormulario) {

    var flag = true;
    $("#" + idFormulario + " .error").remove();
    $("#" + idFormulario + " .requerido").each(function() {

        var elemento = this;
        if (elemento.value == "") {
            $(this).focus();
            $(this).after("<span class='error'>*</span>")
            flag = false;
            return false;
        }
    });
    return flag;
}
function cantidadDias(inicio, fin) {
    inicio = inicio.split("/");
    inicio = new Date(inicio[2], (inicio[1] - 1), inicio[0]);

    fin = fin.split("/");
    fin = new Date(fin[2], (fin[1] - 1), fin[0]);


    var diasDif = fin.getTime() - inicio.getTime();
    var dias = Math.round(diasDif / (1000 * 60 * 60 * 24));
    return dias;
}
function showToolTip(input, mensaje) {
    $("#miToolTip").show();
    var ancho = $("#contenidoTooltip").html(mensaje).width();
    var position = input.offset();
    position.top += input.height() + 8;
    position.left += input.width() / 2 - ancho / 2;
    $("#miToolTip").css(position);
}